<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<title>Sydney个人主页</title>
<link rel="stylesheet" type="text/css" href="css/base.css">
<link rel="stylesheet" type="text/css" href="css/sydney.css">
<script type="text/javascript" src="js/base.js"></script>
<script type="text/ecmascript" src="js/reply.js"></script>
</head>
<body>
<div id="index">
<header id="header-top">
<div class="top clearfix">
         <div class="logo fl"><a href="#">Sydney</a></div>
         <!--nav-->
         <nav id="mainNav" class="fl">
              <ul>
                <li class="li1"><a href="#" class="cur">个人主页</a></li>
                <li class="li2"><a href="#" class="cur">PHP专区</a></li>
                <li class="li3"><a href="#" class="cur">HTML5专题</a></li>
                <li class="li4"><a href="#" class="last cur">精品博文</a></li>
              </ul>
         </nav>
         <!--nav end-->
         <div class="search fr"><input type="text" class="inputText" value="请输入搜索关键字"><input type="button" class="inputBtn" value=""></div>
         <span class="leaf1"></span><span class="leaf2"></span>
    </div>
    <div class="banner"><a href="#"><img src="image/demo_banner.jpg"></a></div>
</header>
<section id="main">
<!--section-->
    <section id="content" class="w960">
        <article id="article-detail">
                 <header id="articleTitle">
                       <h1>如果最后的结局是我们在一起<span><a href="#" class="articlePre"></a><a href="#" class="articleListStyle"></a><a href="#" class="articleNext"></a></span></h1>
                       <h2>2012/11/21 10:23<i>Sydney</i></h2>
                 </header>
                 <p>
                     总是在不经意的时候，回眸远眺，看着一路走来时的脚步，有苦，有甜，有笑，有泪。感谢这几个月以来，你的陪伴。我会记得有一段情，温
暖过我的生命！
    谢谢曾经的你，给了我最温柔的回忆。陪我走过失恋后最难熬的几个月。几个月后，我已经快要忘记曾经那个我爱过的人，现在他已经成为我
的记忆，没时间没心思去想，因为有你在！我一直不知道怎么去定义我们的关系，我不能说是单纯的朋友关系，我知道我们之间多少都会有点暧昧
！我知道这样不好，但是习惯一旦养成，很难改变！只知道，芝麻大点的事情，我都想和你说说，有时候想想我也是很烦人的，你凭什么每时每刻
听我的唠叨呢？可是你总是不厌其烦的听我说，也把你生活中遇到的事情告诉我，就这样两个城市，却是同一平衡点的心事！可是你有自己圈子，
有自己的家，你说结婚非自愿，但是这就是现实，有时候为了家人，我们不得不做出让步！我不怪你。这个圈子，我进不去，你也出不来。我只能
祝福！
    我不能做不好的事情。我怕我越陷越深，到最后我没出息的走不出去了，那时候我不知道我自己会不会做出什么疯狂的事情！所以我那天晚上
嘴贱，还是说出了，不再联系，四个字。然后失眠到天亮！第二天我去找你，简短的几句话，我能感觉到，你是真怕了，因为我以前老是开玩笑的
说，不联系了吧！但是这次我还是开玩笑，你却当真了。这就是谎言说的多了，也就成了现实！我知道了玩笑不能开了。我知道你也不想听到我这
么说，你也烦了。我们说好的就算到最后我们只能是朋友，我们以前也说过的要一直联系！你也会祝福我，可是现在我们真的不联系了。今天是我
们不联系的第二天！我想你的生活会依旧，而我的生活也会依旧，只是生活中少了一个可以无话不谈的朋友，只是心中空了一片地方！如果没有你
，我一个人也会继续生活下去，走自己的路，偶尔做梦，偶尔发呆，偶尔花痴！偶尔心酸，偶尔流泪。。。
    彼时，知我意，感君怜，真情撼天地。时光走，蜡成泪，不负浓情意。共枕衾，琴瑟合，山水皆动容。我曾最依赖的你，给了我满满的回忆。
每一个梦回深处，都看见曾经你对我说过的每一句话，在心湖轻轻荡漾开来，于是，终不悔，那未曾留住的感情。没有结果，只有过程，些许温存
的回忆，遮住了此刻的忧伤！
    谢谢曾经的你，给了我最幸福的关怀。
    谢谢曾经的你，给了我想念的理由。
                 </p>
                 <section id="interact">
                    <!--分享-->
                    <p class="articleShare">分享到：<a title="分享到腾讯微博" onClick="window.open('http://v.t.qq.com/share/share.php?title='+encodeURI(document.title)+'&amp;url='+encodeURIComponent(document.location.href)+'&amp;appkey='+encodeURI()+'&amp;site='+document.location.host);return false;" href="javascript:void(0);" target="_blank"><img src="image/ico_share/ico_qq_t.png"></a><a title="分享到QQ空间" onClick="window.open('http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url='+encodeURIComponent(document.location.href));return false;"  href="javascript:void(0);"><img alt="分享到QQ空间" src="image/ico_share/ico_Qzone.gif"></a><a  title="转发至人人网" onClick="window.open('http://share.renren.com/share/buttonshare.do?link='+encodeURIComponent(document.location.href)+'&amp;title='+encodeURI(document.title));return false;"  href="javascript:void(0);" target="_blank"><img src="image/ico_share/ico_renren.gif"></a><a  title="转发至新浪微博" onClick="window.open('http://v.t.sina.com.cn/share/share.php?appkey='+encodeURI()+'&amp;url='+encodeURIComponent(document.location.href)+'&amp;title='+encodeURI(document.title));return false;" 
            href="javascript:void(0);" target="_blank"><IMG src="image/ico_share/ico_sina.gif"></a><a  title="分享到MOP" onClick="window.open('http://tt.mop.com/share/shareV.jsp?title='+encodeURIComponent(document.title)+'&amp;pageUrl='+encodeURIComponent(document.location.href));return false;" href="javascript:void(0);" target="_blank"><IMG src="image/ico_share/ico_mop.gif"></a><a  title="分享到腾讯朋友" onClick="window.open('http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?to=pengyou&amp;url='+encodeURIComponent(document.location.href)+'&amp;title='+encodeURI(document.title));return false;"  href="javascript:void(0);" target="_blank"><IMG src="image/ico_share/ico_pengyou.png"></a><a  title="分享到MSN" onClick="window.open('http://profile.live.com/badge/?url='+encodeURIComponent(document.location.href)+'&amp;Title='+encodeURI(document.title));return false;" href="javascript:void(0);" target="_blank"><IMG src="image/ico_share/ico_msn.png"></a><a   title="推荐到豆瓣" onClick="window.open('http://www.douban.com/recommend/?url='+encodeURIComponent(document.location.href)+'&amp;title='+encodeURI(document.title));return false;"  href="javascript:void(0);" target="_blank"><IMG src="image/ico_share/ico_dou_16x16.png"></a><a  title="转发至开心网" onClick="window.open('http://www.kaixin001.com/repaste/share.php?rurl='+encodeURIComponent(document.location.href)+'&amp;rcontent='+encodeURIComponent(document.location.href)+'&amp;rtitle='+encodeURI(document.title));return false;" href="javascript:void(0);" target="_blank"><IMG src="image/ico_share/ico_kaixin.gif"></a><a   title="转发至飞信空间" onClick="window.open('http://space.fetion.com.cn/api/share?url='+encodeURIComponent(document.location.href)+'&amp;title='+encodeURI(document.title));return false;"  href="javascript:void(0);" target="_blank"><IMG src="image/ico_share/feixin_14px.png"></a><a   title="分享到淘江湖" onClick="window.open('http://share.jianghu.taobao.com/share/addShare.htm?url='+encodeURIComponent(document.location.href)+'&amp;tracelog='+encodeURI(document.location.host));return false;" 
            href="javascript:void(0);" target="_blank"><IMG src="image/ico_share/ico_tao.png"></a><a  title="转发至139说客" onClick="window.open('http://www.139.com/share/share.php?url='+encodeURIComponent(document.location.href)+'&amp;title='+encodeURI(document.title));return false;" href="javascript:void(0);" target="_blank"><IMG src="image/ico_share/ico_139.gif"></a><a   title="分享到i贴吧" onClick="window.open('http://tieba.baidu.com/i/sys/share?title='+encodeURI(document.title)+'&amp;link='+encodeURIComponent(document.location.href));return false;"  href="javascript:void(0);" target="_blank"><IMG src="image/ico_share/ico_baidu_16x16.png"></a><a    title="分享到天涯" onClick="window.open('http://www.tianya.cn/new/share/compose.asp?itemtype=tech&amp;strTitle='+encodeURI(document.title)+'&amp;strFlashPageURL='+encodeURIComponent(document.location.href));return false;" href="javascript:void(0);" target="_blank"><IMG src="image/ico_share/ico_tianya.png"></a><a  title="分享到网易微博" onClick="window.open('http://t.163.com/article/user/checkLogin.do?link='+encodeURIComponent(document.location.href)+'&amp;info='+encodeURI(document.title));return false;" href="javascript:void(0);" target="_blank"><IMG src="image/ico_share/ico_163_16.gif"></a><a   title="分享到百度空间" onClick="window.open('http://apps.hi.baidu.com/share/?title='+encodeURI(document.title)+'&amp;url='+encodeURIComponent(document.location.href));return false;" href="javascript:void(0);" target="_blank"><IMG src="image/ico_share/ico_baidu.gif"></a><a   title="分享到51" onClick="window.open('http://share.51.com/share/share.php?type=8&amp;title='+encodeURI(document.title)+'&amp;vaddr='+encodeURIComponent(document.location.href));return false;" href="javascript:void(0);" target="_blank"><IMG src="image/ico_share/ico_51.gif"></a><a    title="分享到搜狐微博" onClick="window.open('http://t.sohu.com/third/post.jsp?&amp;url='+encodeURIComponent(document.location.href)+'&amp;title='+encodeURI(document.title)+'&amp;content=utf-8');return false"  href="javascript:void(0);" target="_blank"><IMG src="image/ico_share/ico_souhu.gif"></a>
                    </p>
                    <!--分享-->
                    <!--发表评论-->
                    <p class="comment"><a href="" class="zan">(1)</a><a href="#" class="pinglun" onClick="replyShow('reply')">(2)</a></p>
                    <div class="clr"></div>
                    <div class="reply" id="reply">
                         <div class="reply-input">
                         <span class="bg-reply"></span>
                         <textarea name="textarea"></textarea>
                         </div>
                         <div class="face"><a href="#" class="face_biaoqing" onClick="replyShow('smilies')">表情</a>
                         <div class="smilies" id="smilies">
                                 <table class="bq">
                                    <tr>
                                      <td><a href="#"><img src="image/ico_face/01smile.png"></a></td>
                                      <td><a href="#"><img src="image/ico_face/02smile-big.png"></a></td>
                                      <td><a href="#"><img src="image/ico_face/03laugh.png"></a></td>
                                      <td><a href="#"><img src="image/ico_face/04clap.png"></a></td>
                                      <td><a href="#"><img src="image/ico_face/05confused.png"></a></td>
                                      <td><a href="#"><img src="image/ico_face/06sad.png"></a></td>
                                      <td><a href="#"><img src="image/ico_face/07angry.png"></a></td>
                                      <td><a href="#"><img src="image/ico_face/08cute.png"></a></td>
                                      <td><a href="#"><img src="image/ico_face/09act-up.png"></a></td>
                                      <td><a href="#"><img src="image/ico_face/10sweat.png"></a></td>
                                    </tr>
                                    <tr>
                                      <td><a href="#"><img src="image/ico_face/11good.png"></a></td>
                                      <td><a href="#"><img src="image/ico_face/12bad.png"></a></td>
                                      <td><a href="#"><img src="image/ico_face/13love.png"></a></td>
                                      <td><a href="#"><img src="image/ico_face/14love-over.png"></a></td>
                                      <td><a href="#"><img src="image/ico_face/15rose.png"></a></td>
                                      <td><a href="#"><img src="image/ico_face/16rose-dead.png"></a></td>
                                      <td><a href="#"><img src="image/ico_face/17in-love.png"></a></td>
                                      <td><a href="#"><img src="image/ico_face/18kiss.png"></a></td>
                                      <td><a href="#"><img src="image/ico_face/19poop.png"></a></td>
                                      <td><a href="#"><img src="image/ico_face/20victory.png"></a></td>
                                    </tr>
                                    <tr>
                                      <td><a href="#"><img src="image/ico_face/21desire.png"></a></td>
                                      <td><a href="#"><img src="image/ico_face/22moneymouth.png"></a></td>
                                      <td><a href="#"><img src="image/ico_face/23quiet.png"></a></td>
                                      <td><a href="#"><img src="image/ico_face/24secret.png"></a></td>
                                      <td><a href="#"><img src="image/ico_face/25shut-mouth.png"></a></td>
                                      <td><a href="#"><img src="image/ico_face/26shame.png"></a></td>
                                      <td><a href="#"><img src="image/ico_face/27sick.png"></a></td>
                                      <td><a href="#"><img src="image/ico_face/28dazed.png"></a></td>
                                      <td><a href="#"><img src="image/ico_face/29question.png"></a></td>
                                      <td><a href="#"><img src="image/ico_face/30sleepy.png"></a></td>
                                    </tr>
                                    <tr>
                                      <td><a href="#"><img src="image/ico_face/31arrogant.png"></a></td>
                                      <td><a href="#"><img src="image/ico_face/32curse.png"></a></td>
                                      <td><a href="#"><img src="image/ico_face/33crying.png"></a></td>
                                      <td><a href="#"><img src="image/ico_face/34disapointed.png"></a></td>
                                      <td><a href="#"><img src="image/ico_face/35embarrassed.png"></a></td>
                                      <td><a href="#"><img src="image/ico_face/36dont-know.png"></a></td>
                                      <td><a href="#"><img src="image/ico_face/37handshake.png"></a></td>
                                      <td><a href="#"><img src="image/ico_face/38struggle.png"></a></td>
                                      <td><a href="#"><img src="image/ico_face/39thinking.png"></a></td>
                                      <td><a href="#"><img src="image/ico_face/40tongue.png"></a></td>
                                    </tr>
                                 </table>
                         </div>
                         </div>
                   <div class="publish"><a href="#">发布</a></div>
                         <div class="clr"></div>
                    </div>
                    <!--发表评论-->
                 </section>
                 <!--评论列表-->
                 <section id="commentList">
                 <dl class="clearfix">
                       <dt><a href="#"><img src="image/demo_photo.png"></a><p>Sydney</p></dt>
                       <dd>
                          <p class="commentInfo">彼时，知我意，感君怜，真情撼天地。时光走，蜡成泪，不负浓情意。共枕衾，琴瑟合，山水皆动容。我曾最依赖的你，给了我满满的回忆。每一个梦回深处，
都看见曾经你对我说过的每一句话，在心湖轻轻荡漾开来，于是，终不悔，那未曾留住的感情。没有结果，只有过程，些许温存的回忆，遮住了此刻的忧伤！</p>
                          <p class="commentDate">2012-11-24 17:44<a href="#" class="answer">回复</a></p>
                       </dd>
                  </dl>
                  <dl class="clearfix">
                       <dt><a href="#"><img src="image/demo_photo.png"></a><p>Sydney</p></dt>
                       <dd>
                          <p class="commentInfo">彼时，知我意，感君怜，真情撼天地。时光走，蜡成泪，不负浓情意。共枕衾，琴瑟合，山水皆动容。我曾最依赖的你，给了我满满的回忆。每一个梦回深处，
都看见曾经你对我说过的每一句话，在心湖轻轻荡漾开来，于是，终不悔，那未曾留住的感情。没有结果，只有过程，些许温存的回忆，遮住了此刻的忧伤！</p>
                          <p class="commentDate">2012-11-24 17:44<a href="#" class="answer">回复</a></p>
                       </dd>
                     </dl>
                 </section>
                 <!--评论列表-->
             <!--scroll-->
             <header id="articleTitle">
                       <h1><span><a href="#" class="articlePre"></a><a href="#" class="articleListStyle"></a><a href="#" class="articleNext"></a></span></h1>
             </header>
             <!--scroll end-->
             <!--相关文章-->
             <footer id="relatedArticles">
                      <header id="artcleListTitle">
                         <h1>相关文章</h1>
                         <span class="greenLine"></span>
                      </header>
                        <ul>
                          <li><a href="#">ThinkPHP3.1快速入门（16）安全</a><span>2012-11-27</span></li> 
                          <li><a href="#">ThinkPHP3.1快速入门（15）模...</a><span>2012-11-27</span></li>
                          <li><a href="#">模块和操作映射</a><span>2012-11-27</span></li>  
                          <li><a href="#">模板继承</a><span>2012-11-27</span></li>  
                          <li><a href="#">揭秘ThinkPHP3.1.2版本的独立...</a><span>2012-11-27</span></li>
                   </ul>
          </footer>
             <!--相关文章 end-->
        </article>
    </section> 
<!--section end-->
</section>
<div class="clr"></div>
<!--footer-->
<footer id="mainFooter">
   <nav id="friendLink"><a href="#" class="first">网页设计师联盟</a>|<a href="#">红动中国</a>|<a href="#">红动中国</a>|<a href="#">昵图网</a>|<a href="#">站长之家</a></nav>
   <address id="copy">Copyright © 2012 Sydney. All Rights Reserved</address>
</footer>
<!--footer end-->
</div>
</body>
</html>
